<link rel="stylesheet" href="<?php echo base_url();?>content/css/table.css" type="text/css" media="screen" />
<div id="body_approve" style="vertical-align:top; height: auto"  align="center"  >
    <div id="body_signup" style="vertical-align:top; height: auto"  >
        <div id="form_table" align="center" > 

            <div style="background: grey ;margin:10px 200px 10px 200px;border: black 1px solid;padding: 30px 10px 30px 10px;box-shadow: 0 0 5px rgba(0, 0, 0, 1);">
                <? echo form_label('ชื่อ :'); ?>
                <? echo form_input(''); ?>
                <? echo form_label('นามสกุล :'); ?>
                <? echo form_input(''); ?>
                <? echo form_label('รหัสประจำตัวบัตรประชาชน :'); ?>
                <? echo form_input(''); ?>
                <? echo form_button('','Search')?>
            </div>
            <div class="CSSTableGenerator">
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            Title 1
                        </td>
                        <td >
                            Title 2
                        </td>
                        <td>
                            Title 3
                        </td>
                    </tr>
                    <? for($i = 0 ; $i < 20 ; $i++){ ?>
                    <tr>
                        <td >
                            Row <? echo $i ?>
                        </td>
                        <td>
                            Row <? echo $i ?>
                        </td>
                        <td>
                            Row <? echo $i ?>
                        </td>
                    </tr>
                    <? } ?>
                </table>
            </div>
            <div align="right" style="width: 70%;margin:10px auto 10px auto;height: 25px">
                <div align="right" style="width:270px;">
                    <ul id="pagination-digg" align="right">
                        <li class="previous-off">«Previous</li>
                        <li class="active">1</li>
                        <li><a href="?page=2">2</a></li>
                        <li><a href="?page=3">3</a></li>
                        <li><a href="?page=4">4</a></li>
                        <li><a href="?page=5">5</a></li>
                        <li><a href="?page=6">6</a></li>
                        <li alright="right"><a href="?page=7">7</a></li>
                        <li class="next"><a href="?page=2">Next »</a></li>
                    </ul>
                </div>
            </div>

        </div>

    </div>
</div>